initPage()
function initPage (){
    // 用来自动计算不同屏幕尺寸下的1rem大小
    // 1.获取html元素
    const html = document.documentElement;
    // 2.通过html元素获取当前页面的宽（设备可视宽）
    // 用来限制布局的内容最大宽不要超过540px;
    const clientWidth = Math.min(html.clientWidth, 750);
    // 3.计算1rem的大小，将页面分成10份
    const rem = clientWidth / 10 + "px";
    // 4.设置html的font-size大小
    html.style.fontSize = rem;
}

// 监听一个事件，resize 当前屏幕尺寸发生改变时，要做的事情
window.addEventListener("resize", initPage)